<%- include('common/header.html') %>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="/index/bootstrap/js/jquery-3.2.1.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="/index/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/index/css/about.css" />
<link rel="stylesheet" href="/index/css/index.css" />
<style>
  .title h3 {
    font-size: 22px;
    /* font-weight: normal; */
  }

  .row {
    margin: 30px 0;
  }
  .header_banner {
    position: relative;
    height: 240px;
    width: 100%;
    /* background-color: rgba(38, 212, 239, 0.7 ); */

    background-image: url('https://ccdn.goodq.top/caches/6519d4c1d4722a0f0d85a70bbee8ffbe/aHR0cHM6Ly81YWViZjhiNjA1OTMxLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTgvMDIvN2YyMmUxYzY4Y2E0ZDJhMDM3NmFlYzRlMzk4YzgzZjYtOTAud2VicA_p_p100_p_3D_p_p100_p_3D.webp');
    /* background: url(../); */
  }
  
  .header_content {
    position: absolute;
    left: 50%;
    transform: translateX(-600px);
    margin: auto;
    width: 1200px;
    height: 100%;
  }

  .header_text {
    position: absolute;
    width: 100%;
    height: 120px;
    top: 50%;
    transform: translateY(-60px);
  }

  .withe_solid {
    float: left;
    top: 65px;
    width: 65px;
    border: 3px solid #FFFFFF;
    /* margin-bottom: 20px; */
  }

  .header_title {
    margin-top: 20px;
  }

  .header_title h4 {
    color: #FFFFFF;
    font-size: 34px;
    font-weight: bold;
    vertical-align: bottom;
  }

  .header_text_tot p {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF;
    padding: 10px 0 0 0;
    vertical-align: bottom;
  }

  .section-background-overlay {
    background-color: #f7f7f7;
  }
</style>
<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=icgNWGYDLiCYCGmB7VFYmzIG8aj7r9mx"></script>

<body>
<!-- 内容头部的banner开始 -->
<div class="header_banner">
  <div class="header_content">
    <div class="header_text">
      <div class="withe_solid w">
      </div>
      <div class="header_title">
        <h4>关于我们</h4>
      </div>
      <div class="header_text_tot">
        <p>公司简介 / 联系我们 / 加入我们</p>
      </div>
    </div>
  </div>
</div>
<!-- 内容头部的banner结束 -->

  <div class="container">
    <div class="row">
      <!-- 公司简介 -->
      <div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 d1">
        <div class="title">
          <h2 style="font-size: 20px;margin-left: -20px;">公司简介</h2>
        </div>
        <div class="content">
          <%- foot.briefIntroduction %>
        </div>
      </div>
      <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12 d2">
        <div class="title">
          <h2 style="font-size: 22px;font-weight: normal; ">联系我们</h2>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 map">
          <div id="baidu_map_container"></div>
        </div>
      </div>
    </div>
  </div>

  <%- include('common/footer.html') %>
</body>

</html>
<script>
  var map = new BMapGL.Map('baidu_map_container'); // 创建Map实例
  map.centerAndZoom(new BMapGL.Point(112.45389, 38.02267), 14); // 初始化地图,设置中心点坐标和地图级别
  map.enableScrollWheelZoom(true);
  var navi3DCtrl = new BMapGL.NavigationControl3D(); // 添加3D控件
  map.addControl(navi3DCtrl);
  map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
  var marker1 = new BMapGL.Marker(new BMapGL.Point(112.45389, 38.02267));
  map.addOverlay(marker1);
</script>